// 主题变量

// 亮色主题和暗色主题变量定义
:root {
  // 亮色主题变量 (Material Light)
  --light-primary-color: #3366ff;
  --light-success-color: #00d68f;
  --light-warning-color: #ffaa00;
  --light-danger-color: #ff3d71;
  --light-info-color: #0095ff;

  // 背景色和文本颜色
  --light-bg-color: #ebeff6;// #f7f9fc;
  --light-bg-color-secondary: #e3e8ef; //#ddd;
  --light-text-color: #222b45;
  --light-text-color-secondary: #8f9bb3;
  --light-text-color-placeholder: #a6aebd;
  --light-disabled-color: #c5cee0;
  --light-border-color: #edf1f7;
  --light-border-color-light: #e4e9f2;

  // 菜单和侧边栏
  --light-sidebar-bg: #1b2638; // #ffffff;
  --light-sidebar-text-color: #ffffff;// #222b45;
  --light-sidebar-item-hover: #edf1f7;
  --light-sidebar-item-active: #e4e9f2;
  
  // 头部导航
  --light-header-bg: #ffffff;
  --light-header-text-color: #222b45;
  --light-header-item-hover: #edf1f7;
  
  // 卡片和组件
  --light-card-bg: #ffffff;
  // --light-card-bg: #d9e1ef;
  --light-card-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
  --light-card-border: 1px solid rgba(219,225,234,1);
  
  // 按钮和控件
  --light-button-bg: #ffffff;
  --light-button-text: #222b45;
  --light-button-hover: #edf1f7;
  
  // 阴影
  --light-box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1);
  --light-box-shadow-light: 0 0.125rem 0.25rem rgba(44, 51, 73, 0.05);

    // 删除按钮
    --light-button-delete-bg: #6485bb;
    --light-button-delete-color: #e9edf5;
    --light-button-delete-border: #6485bb;
    --light-button-delete-hover: #187cf6;
    --light-button-delete-focus-bg: #187cf6;
    --light-button-delete-focus-color: #e9edf5;
    --light-button-delete-focus-border: #187cf6;
    // 描述背景色
    --light-desc-bg: #ffffff;

    // 当前标签
    --light-tag-active-bg: #067DFF;
    --light-tag-active-border: 1px solid #067DFF;

    // 标签
    --light-tag-bg: #CDD7E5;
    --light-tag-border: 1px solid rgba(160,177,203,1);
    --light-tag-color: #444444; 

    // 翻页按钮
    --light-pagination-btn-bg: #FFFFFF;
    --light-pagination-btn-border: 1px solid rgba(230,237,250,1);

    // 表格
    --light-table-bg: #fff;

    // 表格头部
    --light-table-header-bg: #E3E8EF;
    
    // 统计卡片
    --light-stat-card-bg: #417AD1;
    --light-stat-card-border: 1px solid rgba(49,86,145,1);

    // 主题切换按钮
    --light-theme-switch-border: 1px solid rgba(195,204,221,1);
    --light-theme-switch-bg: #ffffff;


  // 暗色主题变量 (Material Dark)
  --dark-primary-color: #598bff;
  --dark-success-color: #2ce69b;
  --dark-warning-color: #ffcc00;
  --dark-danger-color: #ff708d;
  --dark-info-color: #42aaff;

  // 背景色和文本颜色
  --dark-bg-color: #24344d;
  --dark-bg-color-secondary: #2a396d;
  --dark-text-color: #ffffff;
  --dark-text-color-secondary: #8f9bb3;
  --dark-text-color-placeholder: #6a7a9a;
  --dark-disabled-color: #4b4d60;
  --dark-border-color: #1f2a48;
  --dark-border-color-light: #2f3b64;

  // 菜单和侧边栏
  --dark-sidebar-bg: #1a2138;
  --dark-sidebar-text-color: #ffffff;
  --dark-sidebar-item-hover: #252d47;
  --dark-sidebar-item-active: #323a5a;
  
  // 头部导航
  --dark-header-bg:#2F4363; // #1a2138;
  --dark-header-text-color: #ffffff;
  --dark-header-item-hover: #252d47;
  
  // 卡片和组件
  // --dark-card-bg: #1a2138;
  --dark-card-bg: #1A2940;
  --dark-card-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
  --dark-card-border: 1px solid rgba(70,94,133,1);
  
  // 按钮和控件
  --dark-button-bg: #252d47;
  --dark-button-text: #ffffff;
  --dark-button-hover: #323a5a;
  
  // 阴影
  --dark-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
  --dark-box-shadow-light: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);

  // 删除按钮
  --dark-button-delete-bg: #344d77;
  --dark-button-delete-color: #dbe0e7;
  --dark-button-delete-border: #344d77;
  --dark-button-delete-hover: #187cf6;
  --dark-button-delete-focus-bg: #187cf6;
  --dark-button-delete-focus-color: #dbe0e7;
  --dark-button-delete-focus-border: #187cf6;

  // 描述背景色
  --dark-desc-bg: #1a2941;

  // 当前标签
  --dark-tag-active-bg: #103268;
  --dark-tag-active-border: 1px solid rgba(49,86,145,1);

  // 标签
  --dark-tag-bg: #102442;
  --dark-tag-border: 1px solid rgba(43,64,97,1);
  --dark-tag-color: rgba(255,255,255,0.80);

  // 翻页按钮
  --dark-pagination-btn-bg: #283A58;
  --dark-pagination-btn-border: 1px solid rgba(234, 241, 254, 0.12);

  // 表格
  --dark-table-bg: #1A2940;

  // 表格头部
  --dark-table-header-bg: #133c6d;

  // 统计卡片
  --dark-stat-card-bg: #0F3B7D;
  --dark-stat-card-border: 1px solid rgba(70,94,133,1);

  // 主题切换按钮
  --dark-theme-switch-bg: #0D1C38;
  --dark-theme-switch-border: 1px solid rgba(47,76,128,1);
} 